/* common style */
body {
	-ms-overflow-style: scrollbar;
	-webkit-overflow-scrolling: touch;
}
.cur {
	cursor: pointer;
}
.cur-grab {
	cursor: grab;
	cursor: -webkit-grab;
}
.cur-grabbing {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}
del, ins {
	padding: 3px 3px;
	font-size: 90%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
ins {
	background: #d1e1ad;
	color: #405a04;
	text-decoration: none;
	margin-right: 3px;
}
del {
	background: #e5bdb2;
	color: #a82400;
	margin-left: 3px;
}
h1 {
	margin: 5px 0;
}
a, .btn-link {
	&:hover, &:focus {
		text-decoration: none;
	}
}
hr {
	margin-top: 9px;
	margin-bottom: 9px;
}
main {
	padding-bottom: 46px;
}
.pa {
	position: absolute;
}
.img-rounded {
	border-radius: 4px;
}
.right-mar {
	margin-right: 10px;
}
.mar-bottom {
	margin-bottom: 8px;
}
.strike-through-text {
	text-decoration: line-through;
}
.board-music-bg {
	text-shadow: 1px 2px 0px rgba(0,0,0,0.5);
}
.avatar {
	color: @brand-primary !important;
	text-shadow: 0 0 0 #ffffff;
}
.avatar-color-194 {
	background-color: #ffffff!important;
	border: 1px solid #d7d9db;
}
.board-user-img {
	border: 1px solid #d7d9db;
	height: 32px;
	width: 32px;
}
.cover-image {
	border-radius: 3px;
	display: inline-block;
	height: 100%;
	width: 100%;
}
.tooltip-inner {
	word-break: break-all;
	white-space: normal;
}
.htruncate {
	.text-overflow();
	vertical-align: top;
	line-height: 1.4;
}
.htruncate-l3 {
	vertical-align: bottom;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
	max-height: 62px;
}
.text-11{
	font-size:@font-size-base - 3;
}
.mb5{
	margin-bottom:5px;
}
/* header style */
header {
	.navbar {
		min-height: 37px;
		&.navbar-default {
			margin-bottom: 20px;
			border-radius: 0;
		}
	}
	.tooltip-inner {
		word-break: normal;
	}
}
.nav-pills {
	> li {
		> a {
			&:hover, &:focus {
				&.btn-primary {
					background-color: #f1533e;
				}
			}
		}
	}
	.dropdown-menu {
		.dropdown-submenu {
			&.open > a {
				&, &:hover, &:focus {
					background: #f47564;
				}
			}
		}
	}
}
.pillsuser-list {
	>li {
		margin-bottom: 0px;
		margin-right: 3px;
		>a {
			padding: 2px 5px 1px 5px;
		}
	}
	.label {
		padding-bottm: 0;
	}
}
/* For dropdown submenu & arrow */
.dropdown-submenu {
	position: relative;
	.dropdown-menu {
		top: 0!important;
		bottom: auto !important;
		left: 100%;
		margin-top: -6px;
		.dropdown-menu {
			left: 1px;
			right: auto;
			top: 33px !important;
		}
		&.reopen-dropdownmenu {
			bottom: auto !important;
			width: 200px;
		}
	}
	.dropup >.dropdown-menu {
		bottom: 100% !important;
		margin-bottom: 1px;
		top: auto !important;
		left: auto;
		right: 0;
	}
	&.open >a {
		background: @brand-primary;
		color: #ffffff;
		&:after {
			border-left-color: #ffffff;
		}
	}
	&:hover, &:focus {
		background: @brand-primary;
		> a {
			color: #ffffff;
			&:hover {
				> a:after {
					border-left-color: darken(@dropdown-bg,20%);
				}
			}
		}
		> a:after {
			border-left-color: #ffffff;
		}
	}
	> a:after {
		display: block;
		content: " ";
		float: right;
		.square(0);
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: darken(@dropdown-bg,20%);
		margin-top: 5px;
		margin-right: -10px;
	}
}
.dropdown-menu {
	width: 265px;
	> li {
		> a {
			word-wrap: break-word;
			white-space: normal;
			&:hover, &:focus, &.active {
				.text-primary {
					color: #ffffff;
				}
			}
		}
	}
	&.datetimepicker {
		padding-left: 5px;
		padding-right: 5px;
	}
	&.list-group {
		li.list-group-item {
			a {
				word-wrap: break-word;
			}
		}
	}
	&.arrow {
		&:before {
			content: '';
			display: inline-block;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-bottom: 7px solid #ccc;
			border-bottom-color: @dropdown-border;
			position: absolute;
			top: -7px;
			left: 10px;
		}
		&:after {
			content: '';
			display: inline-block;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-bottom: 6px solid @dropdown-bg;
			position: absolute;
			top: -6px;
			left: 11px;
		}
		&.arrow-right {
			top: 29px;
			left: auto;
			right: 0px;
			&:before {
				left: auto;
				right: 12px;
			}
			&:after {
				left: auto;   
				right: 13px;
			}
		}
		&.arrow-bottom {  
			&:before {
				content: '';
				display: inline-block;
				border-left: 7px solid transparent;
				border-right: 7px solid transparent;
				border-top: 7px solid #ccc;
				border-top-color: @dropdown-border;
				border-bottom: none;
				position: absolute;
				bottom: -7px;
				left: 10px;
				right: auto;
				top: auto;
			}
			&:after {
				content: '';
				display: inline-block;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid @dropdown-bg;
				border-bottom: none;
				position: absolute;
				bottom: -6px;
				left: 11px;
				right: auto;
				top: auto;
			}
		}
	}
	&.dropdown-list {
		border: 1px solid transparent;
		box-shadow: none;
		position: relative;
		margin: 0 0 0 -16px;
		padding: 0;
	}
}
.btn-group {
	.dropdown-menu {
		white-space: normal;
	}
}
.inner-dropdown {
	.dropdown-menu {
		width: 235px;
	}
}
/* progress style */
#progress {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	height: 1px;
	background: #f47564;
	-moz-transition: width .6s ease,opacity 400ms linear;
	-ms-transition: width .6s ease,opacity 400ms linear;
	-o-transition: width .6s ease,opacity 400ms linear;
	-webkit-transition: width .6s ease,opacity 400ms linear;
	transition: width .6s ease,opacity 400ms linear;
	dd, dt {
		position: absolute;
		top: 0;
		height: 1px;
	}
	dt {
		opacity: 60;
		filter: alpha(opacity=6000);
		width: 180px;
		right: -80px;
		clip: rect(-6px,90px,14px,-6px);
	}
	dd {
		opacity: 60;
		filter: alpha(opacity=6000);
		width: 20px;
		right: 0;
		clip: rect(-6px,22px,14px,10px);
	}
}
/* scroll bar style */
.vertical-scrollbar, .dockmodal-body {
	overflow: auto;
	&::-webkit-scrollbar {
		.square(6px);
	}
	&::-webkit-scrollbar-track {
		background: #dbdbdb;
	}
	&::-webkit-scrollbar-thumb {
		background: #c2c2c2;
		border-radius: 50px;
		&:vertical, &:horizontal {
			background: #c2c2c2;
			border-radius: 5px;
			&:hover {
				background: #c2c2c2;
			}
		}
	}
	&::-webkit-scrollbar-corner {
		background: transparent;
	}
	.select2-container {
		width: 100% !important;
	}
}
.boardlist-scrollbar {
	&::-webkit-scrollbar-track {
		margin-left: 15px;
	}
}
.body-no-webkit-scrollbars:not(.firefox) .vertical-scrollbar {
	padding-right: 4px;
}
.body-no-webkit-scrollbars .list-header span.show {
	word-wrap: break-word;
}
/* checkbox style */
input[type=checkbox]{
	line-height: normal;
	cursor: pointer;
	.box-sizing(border-box);
}
input[type="checkbox"]:focus {
	outline: thin dotted #333333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	.box-shadow(none);
}
input[type=checkbox] + label{
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	padding-top: 0;
	margin-right: 15px;
	font-size: 13px;
	margin-bottom: 10px;
	color: #777a80;
	display: inline\9;
	zoom: 1;
	transition: border 200ms linear 0s,color 200ms linear 0s;
}
input[type=checkbox] + label {
	&:before, &:after {
		display: inline-block;
		position: absolute;
		border-radius: 3px;
		.square(16px);
		transition: border 0.2s linear 0s,color 0.2s linear 0s;
	}
	&:before {
		content: "";
		margin-right: 10px;
		left: 1px;
		top: 1.4px;
		background-color: #fff;
		border: 1px solid #c2c6cb;
	}
	&:after {
		left: -2px;
		top: 2px;
		font-size: 11px;
		text-align: right;
	}
}
input[type=checkbox]:checked + label {
	color: #4d5056;
	&:after {
		font-family: 'FontAwesome';
		content: "\F00C";
		color: #fff;
	}
	&:before {
		background-color: #f47564;
		border: 1px solid #f47564;
	}
}
input[type=checkbox][disabled]+ label {
	.opacity(65);
	&:before {
		background-color: #eceff3;
	}
}
input[type=checkbox] {
	display: inline\9;
	display: none;
}
.checkbox {
	padding-left: 0;
}
.ui-autocomplete.ui-menu {
	&.search-block {
		background: #f3f5f7;
		top: auto !important;
		bottom: 44px !important;
		left: 20px !important;
		right: 15px !important;
		border-color: #ddd;
		padding: 8px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom: 0;
		height: 285px;
		.box-shadow(0 0 15px 5px rgba(244,117,100,0.9));
		z-index: -1 !important;
		> li {
			background-color: #ffffff;
			border-radius: 3px;
			.box-shadow(0 1px 1px rgba(0,0,0,0.05));
			float: left;
			margin: 5px 0;
			> a {
				padding: 9px 0 7px 13px;
				width: 100%;
				float: left;
				font-size: 14px;
				font-family: "Open Sans",Helvetica,Arial,sans-serif;
				.card-id {
					padding-right: 5px;
				}
			}
			&:last-child {
				border-bottom: none;
			}
		}
		.ui-state-hover, .ui-widget-content .ui-state-hover {
			border: 0;
			background: none;
			color: #555555;
		}
	}
}
.ui-autocomplete.ui-menu.menu2 {
	&.search-block {
		height: 80px;
	}
}
.search-tab {
	border-top: 2px solid #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: -1px;
}
.search-loader {
	position: absolute;
	right: 40px;
	top: 7px;
}
/* cssloader style */
.cssloader {
	zoom: 1;
	display: block;
	.square(16px);
	margin: auto;
	position: relative;
	top: 47%;
	animation: wait .80s steps(1,start) infinite;
	-webkit-animation: wait .80s steps(1,start) infinite;
	-moz-animation: wait .80s steps(1,start) infinite;
	-o-animation: wait .80s steps(1,start) infinite;
	background: linear-gradient(0deg,#fadbd5 1px,transparent 0,transparent 8px,#fadbd5 8px),linear-gradient(90deg,#fadbd5 1px,#fba290 0,#fba290 3px,#fadbd5 3px),linear-gradient(0deg,#fcbeb3 1px,transparent 0,transparent 8px,#fcbeb3 8px),linear-gradient(90deg,#fcbeb3 1px,#fadbd6 0,#fadbd6 3px,#fcbeb3 3px),linear-gradient(0deg,#fabbb0 1px,transparent 0,transparent 8px,#fabbb0 8px),linear-gradient(90deg,#fabbb0 1px,#fbd7d1 0,#fbd7d1 3px,#fabbb0 3px),linear-gradient(0deg,#f9b5a9 1px,transparent 0,transparent 10px,#f9b5a9 10px),linear-gradient(90deg,#f9b5a9 1px,#f8d3cc 0,#f8d3cc 3px,#f9b5a9 3px),linear-gradient(0deg,#f7ada0 1px,transparent 0,transparent 15px,#f7ada0 15px),linear-gradient(90deg,#f7ada0 1px,#f5ccc4 0,#f5ccc4 3px,#f7ada0 3px),linear-gradient(0deg,#f36449 1px,transparent 0,transparent 15px,#f36449 15px),linear-gradient(90deg,#f36449 1px,#f6806a 0,#f6806a 3px,#f36449 3px);
	background-repeat: no-repeat;
	background: -webkit-linear-gradient(0deg,#fadbd5 1px,transparent 0,transparent 8px,#fadbd5 8px),-webkit-linear-gradient(90deg,#fadbd5 1px,#fba290 0,#fba290 3px,#fadbd5 3px),-webkit-linear-gradient(0deg,#fcbeb3 1px,transparent 0,transparent 8px,#fcbeb3 8px),-webkit-linear-gradient(90deg,#fcbeb3 1px,#fadbd6 0,#fadbd6 3px,#fcbeb3 3px),-webkit-linear-gradient(0deg,#fabbb0 1px,transparent 0,transparent 8px,#fabbb0 8px),-webkit-linear-gradient(90deg,#fabbb0 1px,#fbd7d1 0,#fbd7d1 3px,#fabbb0 3px),-webkit-linear-gradient(0deg,#f9b5a9 1px,transparent 0,transparent 10px,#f9b5a9 10px),-webkit-linear-gradient(90deg,#f9b5a9 1px,#f8d3cc 0,#f8d3cc 3px,#f9b5a9 3px),-webkit-linear-gradient(0deg,#f7ada0 1px,transparent 0,transparent 15px,#f7ada0 15px),-webkit-linear-gradient(90deg,#f7ada0 1px,#f5ccc4 0,#f5ccc4 3px,#f7ada0 3px),-webkit-linear-gradient(0deg,#f36449 1px,transparent 0,transparent 15px,#f36449 15px),-webkit-linear-gradient(90deg,#f36449 1px,#f6806a 0,#f6806a 3px,#f36449 3px);
	background-repeat: no-repeat;
	background-size: 4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 9px,4px 11px,4px 11px,4px 16px,4px 16px,4px 16px,4px 16px;
	background-position: -4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 3px,-4px 2px,-4px 2px,-4px 0,-4px 0,-4px 0,-4px 0;
}
@keyframes wait {
	12.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0 ,0;
	}
	25% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px;
	}
	37.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px;
	}
	50% {
		background-position: -4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px;
	}
	62.5% {
		background-position: -4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px;
	}
	75% {
		background-position: 0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	87.5% {
		background-position: 6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	100% {
		background-position: 12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
}
@-moz-keyframes wait {
	12.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0 ,0;
	}
	25% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px;
	}
	37.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px;
	}
	50% {
		background-position: -4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px;
	}
	62.5% {
		background-position: -4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px;
	}
	75% {
		background-position: 0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	87.5% {
		background-position: 6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	100% {
		background-position: 12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
}
@-webkit-keyframes wait {
	12.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0 ,0;
	}
	25% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px;
	}
	37.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px;
	}
	50% {
		background-position: -4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px;
	}
	62.5% {
		background-position: -4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px;
	}
	75% {
		background-position: 0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	87.5% {
		background-position: 6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	100% {
		background-position: 12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
}
@-o-keyframes wait {
	12.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0 ,0;
	}
	25% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px;
	}
	37.5% {
		background-position: -4px,-4px,-4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px;
	}
	50% {
		background-position: -4px,-4px,-4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px;
	}
	62.5% {
		background-position: -4px,-4px,0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px;
	}
	75% {
		background-position: 0,0,6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	87.5% {
		background-position: 6px,6px,12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
	100% {
		background-position: 12px,12px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px,-4px;
	}
}
/* Boards admin table style */
.table {
	> tbody {
		tr {
			> td {
				vertical-align: top;
			}
			&:first-child {
				>td {
					.dropdown >.dropdown-menu {
						bottom: auto !important;
						margin-bottom: 1px;
						top: 100% !important;
						left: auto;
						right: 0;
					}
					.dropdown-menu {
						&.arrow-left, &.arrow-right {
							&:before {
								content: '';
								display: inline-block;
								border-left: 7px solid transparent;
								border-right: 7px solid transparent;
								border-bottom: 7px solid #ccc;
								border-bottom-color: @dropdown-border;
								position: absolute;
								top: -7px;
								left: auto;
								right: 12px;
							}
							&:after {
								content: '';
								display: inline-block;
								border-left: 6px solid transparent;
								border-right: 6px solid transparent;
								border-bottom: 6px solid @dropdown-bg;
								position: absolute;
								top: -6px;
								left: auto;
								right: 13px;
							}
						}
					}
				}
			}
		}
	}
}
.verticalTableHeader {
	text-align: left;
	white-space: nowrap;
	transform-origin: 50% 50%;
	transform: rotate(270deg);
	width: 20px;
	margin: 60px auto 0px;
}
.table-list {
	tr:first-child {
		td {
			border-top: 0;
		}
	}
}
.th-width-sm {
	width:160px;
}
table.acl-link-list > tbody> tr {
	td {
		border-top: none;
		border-bottom: 1px solid #ccc;
		&:first-child {
			border-top: transparent;
			border-bottom: transparent;
		}
	}
}
.board-viewlist {
	table {
		background-color: #f3f5f7;
		border-radius: 4px;
		> tbody {
			> tr {
				>td {
					width: 100%;
					padding-top: 0;
					padding-bottom: 0;
					border: none;
					.panel {
						margin: 5px 0;
						.card-id {
							padding-left: 5px;
							padding-right: 5px;
						}
						&.active {
							.box-shadow(5px 5px 15px @brand-primary);
							.card-id {
								background: @brand-primary;
								color: #ffffff;
							}
						}
					}
				}
				&:first-child {
					>td {
						.panel {
							margin-top: 20px;
						}
					}
				}
			}
		}
	}
}
.tabs-below {
	> .nav-tabs {
		border-top: 1px solid #ddd;
		border-bottom: none;
		> li {
			margin-top: -1px;
			margin-bottom: 0;
			> a {
				border-radius: 0 0 @border-radius-base @border-radius-base;
				&:hover, &:focus {
					border-bottom-color: transparent;
					border-top-color: #ddd;
				}
			}
			&.active {
				> a {
					border-color: transparent #ddd #ddd #ddd;
					background: #f3f5f7;
					&:hover, &:foucs {
						border-color: transparent #ddd #ddd #ddd;
					}
				}
			}
		}
	}
}
.list-activity {
	>a {
		width: 110px;
	}
}
.board-listview {
	.card-list-view {
		.box-shadow(0 1px 1px rgba(0,0,0,0.15));
		border: 1px solid #fff;
		&.active {
			.box-shadow(5px 5px 15px @brand-primary);
			.card-id {
				background: @brand-primary;
				color: #ffffff;
			}
		}
	}
}

/* Boards list style */
.board-list-view {
	-ms-flex-align: start;
	-moz-box-align: start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 10px;
	overflow-x: auto;
	overflow-x: inherit \9;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
	&::-webkit-scrollbar {
		.square(13px);
	}
	&::-webkit-scrollbar-track {
		background: rgba(0,0,0,.05);
	}
	&::-webkit-scrollbar-button:start:decrement, &::-webkit-scrollbar-button:end:increment {
		background: transparent;
		display: none;
	}
	&::-webkit-scrollbar-thumb:vertical, &::-webkit-scrollbar-thumb:horizontal {
		background: #c2c2c2;
		border-radius: 5px;
		display: block;
		height: 50px;
	}
	.board-list-height {
		height: 100%;
	}
	.list {
		padding: 7px 10px;
		background-color: #f3f5f7;
		color: #555555;
		margin: 0 5px;
		margin: 0 20px \9;
		border-radius: 4px;
		border: 1px solid #eeeeee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-moz-box-orient: vertical;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		-moz-box-flex: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 260px;
		-webkit-flex: 0 0 260px;
		flex: 0 0 260px;
		max-height: 100%;
		position: relative;
		width: 260px;
		.list-content {
			max-width: 260px;
			flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			-webkit-flex: 1 1 auto;
			position: relative;
			-moz-box-flex: 1;
			-webkit-box-flex: 1;
			line-height: 1.3;
			margin-bottom: 0;
			word-wrap: break-word;
			overflow-x: hidden\9;
			overflow-y: auto\9;
			.avatar {
				position: inherit;
			}
		}
		.list-header {
			min-height: 19px;
			margin-bottom: 5px;
			margin-top: 0;
			max-width: 260px;
		}
		.list-footer {
			margin: 2px -7px -3px -11px;
			padding: 7px 10px;
		}
		.list-header, .list-footer {
			flex: 0 0 auto;
			-ms-flex: 0 0 auto;
			-webkit-flex: 0 0 auto;
			position: relative;
			-moz-box-flex: 0;
			-webkit-box-flex: 0;
			-moz-box-flex: 0;
		}
		.vertical-scrollbar {
			.dropdown-menu {
				width: 200px;
				margin-bottom: 1px;
			}
		}
		.panel {
			.box-shadow(0 1px 1px rgba(0,0,0,0.15));
			border: 1px solid #fff;
			&.active {
				.box-shadow(5px 5px 15px @brand-primary);
				.card-id {
					background: @brand-primary;
					color: #ffffff;
				}
			}
		}
	}
	.board-list-outer{
		&:first-child {
			margin-left: 15px;	
			margin-left: 20px \9;
		}
	}
	.board-list-placeholder.list {
		border: 1px dashed #999;
		height: 150px;
	}
	.dropdown-menu.arrow.arrow-right {
		right: -20px;
	}
	textarea {
		&.form-control {
			resize: none;
		}
	}
}
/* Boards chart & Calender style */
.chart-block {
	height: 133px;
	>li {
		height: 100%;
		padding: 0;
	}
	.chart {
		.square(125px);
		margin: 3px auto;
		.doughnutSummary {
			position: absolute;
			top: 50%;
			left: 50%;
			color: #000000;
			text-align: center;
			font-weight: bold;
			.doughnutSummaryNumber {
				font-size: 20px !important;
				padding-right: 3px;
				margin-top: 12px;
				color: @brand-primary;
			}
		}
	}
}
.doughnutTip {
	position: absolute;
	min-width: 30px;
	max-width: 300px;
	padding: 5px 15px;
	border-radius: 1px;
	background: rgba(0,0,0,.8);
	color: #ddd;
	font-size: 12px;
	text-shadow: 0 1px 0 #000;
	text-align: center;
	line-height: 1.3;
	letter-spacing: .06em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	.transition(all .3s);
	pointer-events: none;
	&:after {
		position: absolute;
		left: 50%;
		bottom: -6px;
		content: "";
		height: 0;
		margin: 0 0 0 -6px;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 6px solid rgba(0,0,0,.8);
		line-height: 0;
	}
}
g path:hover {
	.opacity(0.6);
}
.calendar-view {
	background: #f3f5f7;
	border-radius: 4px;
	padding: 7px;
	border: 1px solid #eeeeee;
	>table {
		background: transparent;
	}
	th.fc-widget-header {
		background: #f3f5f7;
		color: @gray-light;
		height: 35px;
		border-width: 0 0 1px 0;
		&:last-child {
			border-width: 0 0 1px 0;
		}
	}
	td {
		vertical-align: top;
	}
	.fc-button-today {
		margin-left: 10px;
	}
}
/* Image-upload style(organization) */
.profile-block {
	position: relative;
	.close-block {
		position: absolute;
		right: -4px;
		top: -5px;
		&.h6 {
			padding: 0;
		}
	}
}
.drag-box {
	border: 2px dashed transparent;
	&:hover {
		border-color: lighten(@gray-light,25%);
	}
}
.drag-drop {
	display: none;
	.square(0);
	z-index: -1;
}
.drophover {
	position: relative;
	.drag-drop {
		background: rgba(255,255,255,0.7);
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		font-size: 20px;
		font-weight: 700;
		line-height: 30px;
		padding: 200px 50px;
		position: absolute;
		text-align: center;
		.square(auto);
		z-index: 4;
		&.drag-drop-sm {
			padding: 105px 20px;
		}
	}
}
/* Full view pop-out style */
.popped-out {
	textarea.form-control {
		height: 150px;
	}
	ul.card-view-mn {
		float: none !important;
		.text-center {
			text-align: right;
		}
		li.dropdown {
			width: 100%;
			padding-right: 0px;
			a {
				display: none;
				&.js-add-card-member, &.js-remove-card-member {
					display: block;
					margin-left: 90px;
				}
			}
			ul.dropdown-menu {
				display: block;
				position: static;
				background: none;
				border: none;
				box-shadow: none;
				float: none;
				width: 100% !important;
				&.arrow-bottom:after, &.arrow-bottom:before {
					border: 0;
				}
				>li {
					.divider {
						display: none;
					}
					>div {
						&:first-child {
							width: 10%;
							padding-left: 0;
							margin-left: -15px;
							text-align: left;
						}
						&:last-child {
							float: left;
							width: 90%;
							padding: 0;
						}
						.form-group {
							.col-xs-12 {
								width: 100%;
								padding: 0;
							}
						}
					}
					&.small {
						div {
							&:last-child {
								left: 9%;
							}
						}
					}
				}
			}
		}
		.label-max {
			width: 100%;
			padding: 0;
			text-align: right;
		}
		.form-horizontal .form-group {
			margin-left: 0;
			margin-right: 0;
		}
		.duedate {
			width: 100%;
			.form-group {
				.input-group {
					display: table;
					width: 90.5%;
					.input-group-addon {
						background-color: #eeeeee;
						border: 1px solid #cccccc;
						display: table-cell;
						width: 1%;
						&:first-child {
							border-right: 0;
						}
					}
				}
				.form-control, .control-label {
					display: block;
				}
				.control-label {
					width: 8.7%;
					text-align: left;
				}
			}
		}
	}
	.editor {
		.ui-resizable-e {
			background-position: center 20%;
		}
	}
	.full-form {
		margin-left: -15px;
		padding: 0;
		width: 102.6%;
	}
}
/* Dockmodal style */
.dockmodal {
	bottom: initial;
	margin-bottom: -4px;
}
.dockmodal-body {
	.dockmodal-phone {
		.phone-content {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}
		.phone-text p {
			margin-top: 25px;
		}
	}
}
.dockheader-dropdown {
	margin: -43px 0 0 9px;
	z-index: 2;
	position: fixed;
	i {
		color: #000;
	}

}
.dockmodal-header {
	background-color: #eeeeee !important;
	border-bottom: 1px solid #dedede;
	i {
		color: #000;
	}
	.dropup >.dropdown-menu {
		bottom: 100% !important;
		margin-bottom: 1px;
		top: auto !important;	
	}	
}

.title-text {
	color: #000 !important;
	.card-id {
		padding-left: 5px;
		padding-right: 5px;
		margin-right: 5px;
		margin-top: 3px;
		background: @brand-primary;
		color: #ffffff;
		line-height: 20px;
	}
}
.dockheader-loader {
	margin: -42px 0 0 -80px;
	position: fixed;
	z-index: 2;
}
.comment-block {
	overflow: visible;
	position: relative;
}
.card-list-placeholder {
	margin-bottom: 20px;
	min-height: 40px;
	background: #eee;
	border: 1px dashed #c2c2c2;
	border-radius: 3px;
	.box-shadow(0 1px 1px rgba(0,0,0,.05));
}
.attachment-list {
	>li {
		width: 212px;
		float: left;
		margin-right: 20px;
		min-height: 240px;
		> a {
			height:150px;
			line-height:138px;
		}
		img {
			width: 100%;
		}
	}
}
.tab-content .modal-body section a {
	word-wrap: break-word;
}
.duedate {
	.form-group {
		.input-group {
			display: block;
			.input-group-addon {
				background: none;
				border: 0;
				display: block;
				width: auto;
			}
		}
		.form-control, .control-label {
			display: none;
		}
	}
}
.modal-title {
	line-height: 1.42857;
	margin: 0;
}
.splitter-wrap {
	min-height: 170px;
	float: left;
	height: auto !important;
	padding: 0 10px;
}
.editor {
	.ui-resizable-e {
		background: url(../img/split.gif)#eeeeee no-repeat center 10%;
		width: 4px;
		right: -2px;
		z-index: 2 !important;
		padding: 2px;
	}
}
div.popped-out + div + div.datetimepicker {
	left: 217.4px !important;
}
.ui-sortable-helper {
	font-smoothing: antialiased;
	.rotate(3deg);
	.transition(transform .02s ease);
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	&.panel {
		.box-shadow(0 1px 1px rgba(0,0,0,0.15));
	}
}
.datepicker-dropdown {
	&.datetimepicker-dropdown-bottom-right {
		margin-left: -60px;
		&:before {
			left: 50%;
		}
		&:after {
			left: 50.5%;
		}
	}
}
/* specific style */
.row-flex {
	display: flex;
	flex-direction: row;
	flex: 0 0 100%;
}
.col-flex {
	display: flex;
	flex-direction: column;
	&.col-flex1 {
		flex: 0 0 40%;
		overflow: hidden;
	}
	&.col-flex2 {
		flex: 0 0 80%;
	}
	&.col-flex3 {
		flex: 0 0 100%;
	}
	&.col-flex2, &.col-flex3 {
		background: none;
		.open a, a:focus {
			background: none;
		}
	}
}
.emoji {
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	margin-bottom: -0.25em;
}
.atMention {
	background: #d6dadc;
	padding: 1px 4px;
	margin: -1px 0;
}
.thumb-img {
	display: table-cell;
	line-height: 134px;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	.size(202px,162px);
	color: lighten(@gray-light,20%);
	.img-responsive {
		max-height: 100%;
		display: inline-block;
	}
}
.preview-thumbnail {
	background-size: cover;
	border-radius: 3px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 6px;
	.opacity(0.8);
	.square(16px);
	z-index: 2;
	& + .navbar-btn {
		.btn-block {
			width: 70%;
		}
	}
}
.card-label-show {
	.htruncate {
		width: 150px;
		float: left;
	}
}
.label-block {
	.card-label-show {
		.htruncate {
			width: 110px;
		}
	}
}
.about-block {
	margin: auto;
	position: absolute;
	top: 15%;
	width: 445px;
	padding-bottom: 50px;
}
.name-block {
	background: rgba(51,51,51,0.5);
	bottom: 0;
	position: absolute;
	padding: 2px 0px;
	width: 100%;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: -0.2px;
	.border-bottom-radius(4px);
	&.htruncate {
		line-height: 10px;
	}
}
.empty-block {
	background: #F3F5F7;
	border: 1px dashed #999999;
	border-radius: 3px;
	color: #000000;
	display: block;
	text-align: center;
	padding: 24px;
}
.board-close-view {
	background-color: #f3f5f7;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	color: #555555;
	margin: 0 auto;
	padding: 7px 10px;
	width: 260px;
}
.animation {
	.tada-animation {
		.animated();
		.animation-name(bounce);
		.animation-duration(infinite);
		.animation-timing-function(infinite);
		.animation-delay(ease);
		.animation-iteration-count(infinite);
	}
	.audio-animation {
		.animated();
		.animation-name(tada);
		.animation-duration(infinite);
		.animation-timing-function(infinite);
		.animation-delay(ease);
		.animation-iteration-count(infinite);
	}
	.icon-volume-up {
		padding-right: 0;
	}
}
/* footer style */
footer {
	.dropdown-submenu {
		.dropdown-menu {
			top: auto !important;
			bottom: 0 !important;
			>li {
				.preview-thumbnail {
					margin-top: 3px;
				}
			}
		}
	}
	.navbar {
		min-height: 32px;
	}
}
footer, header, .dashboard-header {
	.nav > li > a, .btn {
		padding: 4px 7px;
	}
	.btn.icon {
		line-height: 1.2;
	}
}
.badge {
	&.notification-count {
		background: @brand-primary;
		position: absolute;
		padding: 3px 6px;
		left: 0;
		top: 0;
	}
}
.notifications {
	>.dropdown-menu {
		width: 285px;
	}
}
.notification-list {
	>ul >li {
		padding: 0;
		margin: 0;
	}
	&.notification-empty {
		display: table;
		width: 100%;
		> ul {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
	}
}
/* gantt style */
.gantt, .gantt2 {
	width: 100%;
	margin: 20px auto;
	border: 1px solid #ddd;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f3f5f7;
}
.gantt:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.fn-gantt {
	width: 100%;
	.fn-content {
		overflow: hidden;
		position: relative;
		width: 100%;
		border-radius: 4px;
	}
	.row {
		float: left;
		height: 24px;
		line-height: 24px;
		margin-left: -1px;
	}
	.spacer {
		margin: -2px 0 1px 0;
		border-bottom: none;
		background-color: #f3f5f7;
	}
	.dataPanel {
		margin-left: 0px;
		border-right: 1px solid #DDD;
		background-image: url(../img/grid.png);
		background-repeat: repeat;
		background-position: 24px 23px;
		position: relative;
	}
	.day, .date {
		overflow: visible;
		width: 25px;
		line-height: 24px;
		text-align: center;
		border-left: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin: -1px 0 0 -1px;
		font-size: 11px;
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
		text-align: center;
	}
	.holiday {
		background-color: #ffd263;
		height: 24px;
		margin: 0 0 -1px -1px;
	}
	.today {
		background-color: #fff8da;
		height: 24px;
		margin: 0 0 -1px -1px;
		font-weight: bold;
		text-align: center;
	}
	.sa, .sn, .wd {
		height: 24px;
		margin: 0 0 0 -1px;
		text-align: center;
	}
	.sa, .sn {
		color: #ccc;
		background-color: #f5f5f5;
	}
	.wd {
		background-color: #f6f6f6;
	}
	.bar {
		background-color: #D0E4FD;
		height: 18px;
		margin: 0px 3px 3px 0px;
		position: absolute;
		z-index: 10;
		text-align: center;
		border-radius: 3px;
		.fn-label {
			line-height: 18px;
			font-weight: bold;
			white-space: nowrap;
			width: 100%;
			text-overflow: ellipsis;
			overflow: hidden;
			color: #555555 !important;
			text-align: center;
			font-size: 11px;
		}
	}
	.ganttRed {
		background-color: #feebe9;
	}
	.ganttGreen {
		background-color: #D8EDA3;
	}
	.ganttOrange {
		background-color: #FCD29A;
	}
	.bottom {
		clear: both;
		background-color: #f3f5f7;
		width: 100%;
	}
	.navigate {
		border-top: 1px solid #DDD;
		padding: 10px 0 10px 9px;
		a {
			&:link, &:visited, &:active {
				text-decoration: none;
			}
		}
		.nav-slider {
			height: 20px;
			display: inline-block;
			.nav-page-next {
				margin-right: 5px;
			}
			.nav-now {
				margin-right: 5px;
			}
		}
		.nav-slider-left, .nav-slider-right {
			text-align: center;
			height: 20px;
			display: inline-block;
			float: left;
		}
		.nav-slider-left {
			float: left;
		}
		.nav-slider-content {
			text-align: left;
			height: 20px;
			display: inline-block;
			margin: 0 10px;
		}
		.nav-slider-bar, .nav-slider-button {
			position: absolute;
			display: block;
		}
		.nav-slider-bar {
			width: 100%;
			height: 13px;
			background-color: #eee;
			margin: 8px 0 0 0;
			position: relative;
			border-radius: 6px;
		}
		.nav-slider-button {
			.size(17px,13px);
			background-color: #c2c2c2;
			left: 0px;
			top: 0px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		.page-number {
			display: inline-block;
			font-size: 10px;
			height: 20px;
			span {
				color: #666666;
				margin: 0 6px;
				height: 20px;
				line-height: 20px;
				display: inline-block;
			}
		}
		.nav-page-back {
			background-position: 1px 0 !important;
			margin: 0;
		}
		.nav-page-next {
			background-position: 1px -16px !important;
			margin-right: 15px;
		}
		.nav-begin {
			background-position: 1px -112px !important;
		}
		.nav-prev-week {
			background-position: 1px -128px !important;
		}
		.nav-prev-day {
			background-position: 1px -48px !important;
		}
		.nav-next-day {
			background-position: 1px -64px !important;
		}
		.nav-next-week {
			background-position: 1px -160px !important;
		}
		.nav-end {
			background-position: 1px -144px !important;
		}
		.nav-zoomOut {
			background-position: 1px -96px !important;
		}
		.nav-zoomIn {
			background-position: 1px -80px !important;
			margin-left: 15px;
		}
		.nav-now {
			background-position: 1px -32px !important;
		}
	}
	.nav-link {
		margin: 0 3px 0 0;
		display: inline-block;
		.size(20px,20px);
		font-size: 0px;
		background: #F3F3F3 url(../img/icon_sprite.png) !important;
		border: 1px solid #dedede;
		cursor: pointer;
		vertical-align: top;
		border-radius: 2px;
		&:active {
			background: #f47564;
		}
	}
	.leftPanel {
		float: left;
		width: 225px;
		overflow: hidden;
		border-right: 1px solid #DDD;
		position: relative;
		z-index: 20;
		.fn-label {
			display: inline-block;
			margin: 0 0 0 5px;
			color: #999;
			width: 110px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.row0 {
			border-top: 1px solid #DDD;
		}
		.name, .desc {
			float: left;
			height: 24px;
			margin: 0;
			border-bottom: 1px solid #DDD;
			background-color: #f3f5f7;
		}
		.name {
			width: 110px;
			font-weight: bold;
		}
		.desc {
			width: 114px;
			font-size: 13px;
		}
		.fn-wide {
			width: 225px;
			.fn-label {
				width: 225px;
			}
		}
	}
	.rightPanel {
		overflow: hidden;
		.month, .year {
			float: left;
			overflow: hidden;
			border-bottom: 1px solid #DDD;
			height: 24px;
			margin: 0 0 0 -1px;
			background-color: #f3f5f7;
			font-weight: bold;
			font-size: 14px;
			color: #999;
			text-align: center;
		}
		.header.year {
			font-size: 21px;
			color: #555555;
			border-bottom-color: #f3f5f7;
		}
	}
}
.fn-gantt-hint {
	border: 5px solid #edc332;
	background-color: #fff5d4;
	padding: 10px;
	position: absolute;
	display: none;
	z-index: 11;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fn-gantt-loader {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000',endColorstr='#bf000000',GradientType=0 );
	background: rgba(0,0,0,0.75);
	cursor: wait;
	z-index: 30;
}
.fn-gantt-loader-spinner span {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 1em;
	line-height: 1em;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
.dl-horizontal{
	dt{
	    text-align: left;
		width: 130px;
	}
	dd{
		margin-left: 120px;
	}
}
.language-dropdown {
	.dropdown-menu {
		right: 100%;
		left: auto;
	}
	&.dropdown-submenu > a::after {
		display: none;
	}
}
.edit-comment{
		.media, .media-body {
			overflow:visible !important;
		}
		.media-body {
			display: table-cell;
			float: none;
		}
		.media {
			display: table;
			vertical-align: top;
			width: 100%;
			> a {
				display: table-cell;
				vertical-align: top;
				float: none !important;
				width: 42px;
				padding: 0 10px 0 0;
			}
		}
	}
.user-filter { 
	.nav > li > a {
		padding:2px 6px;
		i{
			padding-right:0;
		}
	}
}
.text-wrap {
	word-wrap: break-word;
}
.border-top {
	border-top: 1px solid #dedede;
}
.dropdown-menu-top {	
    top: 29px;
    left: -3px;
}
.no-mar{
	margin: 0px;
}
.no-top-mar{
	margin-top:0 !important;
}
.activities-list { 
	p {
		margin: 0px;
	}
}
.label-past{
	background-color: #ff5050;
	border-color: transparent;
}
.label-future{
	background-color: #27c5c3;
	border-color: transparent;
}
.label-present{
	background-color: #f3c60e;
	border-color: transparent;
}
.even-action{
	width: 115px;
}
.list-head-icon .list-inline > li {
    padding-right: 10px;
	&:last-child {
		//padding-left: 30px;
	}
}
.list-view .list-inline > li {
    padding-right: 20px;
}
.sep {
	border:1px solid #ddd;
}
.sep-bot {
	border-bottom:1px solid #ddd;
}
.sep-right {
	border-right:1px solid #ddd;
}
.week-chart-date{
	display: table;
	li {
		width: 56px;
		display: table-cell;
		vertical-align: middle;
		text-align: center
	}
}
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dashboard-organization {
	.dropdown-menu-right {
		left: 30px;
	}
	.avatar  {
		margin-bottom: 20px;
	}
}
.bg-grey {
    background-color: #f3f5f7;
}
.search-block {
	height:0;
	position:absolute;
}
.search-block-main {
	position:relative;	
}
.checklist-item { 
	height: auto !important;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y:auto;
}
.emoji-scroll {
	max-height:300px;
    overflow-y:auto;
}
.inline-show {
	display:inline-block;
}
.boardlistblk{
	li{
		margin-bottom:2px;
	}
}
.navbar-fixed-bottom{
	z-index: 99;
}
.dropdown-menu{
	.alert{
		display:inline-block;
	}
}
.dropdown-menu {
	.pre-scrollable{
		overflow: auto;
	}
}
.activities-list {
	&[class*=js-activity-]{
		.panel-body{
			padding:6px 8px;
		}
	}
}
.dycolorblk{
	height:3px;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
}
.list-card-group-addon {
	border: 0;
	display: block;
	width: auto;
	height:6px;
	border-radius: 5px;
}
.list-card-group-addon.panel-body {
	&.color-popover-card,&.color-popover{
		padding: 2px 8px 2px;
	}
}
.js-colorpicker-dropdown {
	max-width: 242px;
}
.js-show-add-boards {
	height: 185px !important;
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
    width: 25%;
}
.js-show-add-org-boards {
	height: 165px !important;
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
    width: 25%;
}
.list-color-alignment {
	margin-left:0;
	text-align: center;
	li {
	  margin-left:0;	
	}
}
.alignemnt-card {
	> li {
		padding-left: 0;
		padding-right: 0
	}
}
.comment-block {
	.emoji-scroll {
		left: auto;
		right: 0;
	}
}
.comment-list {
	.dropdown-menu {
		left: auto;
		right: 0;
	}
	.dropdown-menu.arrow:before,.dropdown-menu.arrow:after {
    	right: 10px;
		left: auto;
	}
	&.activity-mod-comments{
		.js-new-comment{
			.dropdown-menu {
				right: auto;
				left: 0;
				max-width: 245px;
				&:after,&:before{
					right: auto;
					left: 0;
				}
			}
		}
	}
}
.wish-list {
	.img-thumbnail {
    	width: 100%;
	}
}
.js-clear-filter-btn {
	margin-top: 5px;
}
.js-my-cards-btn {
	margin-top: 5px;
}
.board-list-view {
	.list-content {
		.panel:last-child {
			margin-bottom: 0;
		}
	}
}
.js-board-name-truncate {
	max-width:800px;
}
.attachement-list {
	float: left;
    position: relative;
    margin: 10px 13px;
    background-color: #ffffff;
    padding: 10px 10px;
    min-height: 270px;
    width: 21.9%;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px 1px #ccc;
	a {
		border-radius: 0;
		width: 100%;
		height: 100%;
		img {
			width: 100%;
		}
	}
	.btn-toolbar {
		position: absolute;
		bottom: 0;
	}
}
.append_dashboard {
	.dropdown-menu {
		z-index: 9;
	}
}
.action-list {
	> li {
		display: block;
		float: left;
		padding-left: 0px;
		padding-right: 0px;
		margin:5px 5px;
	}
}
.table-members {
    padding: 6px 3px 2px 3px;
    margin: 2px 5px 0px 0px;
    border: 1px solid #dddddd;
    box-shadow: 1px 0px 1px rgba(204, 204, 204, 0.42);
    background-color: #fff;
    display: block;
	float: left;
}
.js-show-edit-card-label-form {
	line-height: normal;
}
.btn-actions-list {
	> li {
		display: block;
		text-align: center;	
	}
}
.dropdown-menu > li {
	.js-list-action-hover-icon {
		&:hover,&:focus {
			background-color: transparent;
			color:#000;
		}
	}
}
.devices-td {
    min-width: 180px;
}
.board-labels {
	float: left;
    padding-left: 10px;
    width: 65%;
	margin-top: 4px;
}
.js-list-inline > li {
	display: inline-block;
    padding-left: 5px;
    padding-right: 3px;
}
.actions-td {
	min-width: 260px;
	.btn-actions-list{
         padding: 0px 10px;
		 max-width: 255px;
    	 margin: auto;
		 width: 100%;
		 .btn {
			margin: auto;
			margin-top: 5px;
		 }
	}
}
.js-remove-card-color {
	margin: 5px;
}
.js-admin-list-user-role {
	min-width: 100px !important;
	max-width: 100px !important;
	&.max-wid{
		min-width: 107px !important;
    	max-width: 107px !important;
	}
}
.js-show-add-boards-simple {
	height: 168px !important;
    display: table-cell;
    font-weight: 400;
    vertical-align: middle;
    width: 25%;
}
.js-card-actions {
	.btn {
		text-align: left;
	}
	input[type="submit"] {
		text-align: center;
	}
}
.card-checklist {
	.checkbox {
		margin-top: 0px;
	}
	.js-show-item-edit-form {
		p {
			margin: 0 0 5px;
		}
	}
	label { 
		margin-top: 2px;
	}
	.form-group	 {
		margin-bottom: 10px;
	}
}
.instant-select{
	width: 100%;
    float: left;
    padding: 0px 0px 10px 0px;
}
//Js plugin
.bootstrap-growl{
	z-index: 99999 !important;
}
.js-label-background-list {
	.background-box {
		padding: 10px 0px;
		cursor: pointer;
		min-width: 48px;
		min-height: 48px;
		position: relative;
		i {
			color: #fff;
			font-size: 16px;
			padding: 0;
			top: 30%;
			text-align: center;
			cursor: pointer;
			bottom: auto;
			width: 100%;
			height: 100%;
			position: absolute;

		}
	}
}
.circle-blk{
	float:right;
}
.mauto{
	margin:0 auto;
}
.new-sample-border{
	.dashboard-btn {
		position: absolute;
		bottom: 3px;
		right: 3px;
		padding: 0px 15px;
	}
}
.user-table-width{
	width:200px;
}
.devices-td-new{
	min-width:100px;	
}
.js-user-settings-info {
	min-width:600px;
	max-width:600px;
}
.emoji-list {
	margin: 5px 0px 10px 0px;
	.radio-inline, .checkbox-inline {
    	padding: 0 15px 0px 0px;
	}
}
.activity-github-styles input[type=checkbox]{
	display:inline;
}
.activity-github-styles blockquote{
	font-size: 14px;
	color: #999;
}
ul.card_activitiesnew{
	li.activity-github-styles{
		padding-left: 25px;
		> .media{
			display: flex;
			overflow: visible;
			> .media-body{
				overflow: visible;
				flex:1 1 0;
			}
		}
	}
}

.attachddown{
	.dropdown-menu{
		bottom: 35px;
		top: auto;
		left: -15px;
		&:after{
			border-top: 6px solid #ffffff;
			border-bottom-color:transparent;
			bottom: -12px;
			top:auto;
		}
		&:before{
			border-top: 7px solid #ccc;
    		border-top-color: rgba(0, 0, 0, 0.15);
			border-bottom-color:transparent;
			bottom: -14px;
			top:auto;
		}
	}
}
.cardattachmentblk{
	padding: 0 0 0 45px;
}
.iaddcard{
	.form-group{
		margin-bottom: 8px;
	}
	.dockmodal-body{
		padding: 5px 15px 5px 15px;
	}
	li.duedate{
		.form-group{
			margin-bottom: 0;
		}
	}
}
.custom-filed-btn{
	width:83.4%;
}
.txt-aligns{
	.card-listing-truncate{
		small span{	
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: inline-block;
			max-width: 115px;
			line-height: 13px;
    		vertical-align: top;
		}
	}
}
.pad-left-22{
	padding-left: 24px;
}
.no-pad{
	padding:0 !important;
}
/*on jan12*/
header{
	.nav-pills {
		&.hdrpvtvws{
			padding:4px 0 0;
			& + div.dropdown{
				padding:4px 0 0;
			}
		}
	}
	.nav{
		>li{
			a.hdrorganization{
				padding:0 7px;
				line-height: 29px;
			}
			span.orgseperator{
				margin:0;
				line-height: 23px;
			}
		}
	}
	.headernav_rgtusr{
		>li{
			>a{
				padding:2px 7px;
				.label{
					font-weight: normal;
					font-size:11px;
				}
			}
		}
		.relatedusrs{
			padding:0 5px 0 0;
		}
	}
	.navbar-right{
		.dropdown-menu {
			a.ddownarrows{
				&:hover{
					[class*="icon"]{
						color:#000;
					}
				}
			}
		}
	}
}
.header_innr_a{
	.header-inner-alig{
		.open > a,  .open > a:hover,  .open >{
			background-color:none !important;
			border-color:none !important;
		} 
	}
}
.user-prf-new{
	display: inline-block;
    padding: 5px 0 0 5px;
}
 .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.non-select{
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.board-outer {
	align-items: inherit;
}
.board-list-outer {
	height: 100%;
}
.js-checklist-edit-form-textarea {
	height: 90px !important;
}
.js-list-response {
	display: none;
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#listview_table table, 
	#listview_table thead, 
	#listview_table tbody, 
	#listview_table th, 
	#listview_table td, 
	#listview_table tr { 
		display: block; 
	}
	.js-list-response {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#listview_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#listview_table tr { border: 1px solid #ccc; }
 
	#listview_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#listview_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#listview_table td:before { content: attr(data-title); }
}
.github-markdown a {
	color: #f47564;
	word-wrap: break-word;
	white-space: normal;
	&:hover, &:focus {
		color: #f14b34;
		text-decoration: underline;
	}
}
.card-color {
	font-size: 11px;
    line-height: 18px;
    color: white;
}
.no-whitespace ins,del,code{
	white-space: normal;
}
.pl0 {
	padding-left: 0px !important;
}
.icallfeed-dropdown {
    min-width: 450px;
}
#card_activities{
	.list-group-item-heading{
		margin-top: -15px;
	}
	.activity-mod-comments{
		margin-top: -10px;
	}
}
.custom-datepicker-position {
	.datetimepicker-dropdown-bottom-left:before {
		top: -7px;
    	right: 241px;
	}
	.datetimepicker-dropdown-bottom-left:after {
		top: -6px;
		right: 241px;
	}
}
.header-logo {
	margin-bottom: 0px;
	margin-top: 6px;
}